<div class="page-content">
    <ul class="page-breadcrumb breadcrumb">
        <li>
            <span class="active">系统设置</span>
            <i class="fa fa-circle"></i>
        </li>
        <li>
            <span class="active">账号管理</span>
        </li>
    </ul>

    <div class="portlet light portlet-fit bordered">
        <div class="portlet-body">
            <div class="table-toolbar">
                <div class="row">
                    <div class="col-md-6">
                        <div class="btn-group">
                            <button id="sample_editable_1_new" class="btn green"> Add New
                                <i class="fa fa-plus"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="dataTables_wrapper ">
                <div class="table-responsive">
                    <table class="table table-striped table-bordered table-hover table-checkable dataTable"
                           id="datatable_ajax" aria-describedby="datatable_ajax_info" role="grid">
                        <thead>
                        <tr role="row" class="heading">
                            <th width="5%" class="sorting_disabled" tabindex="0" aria-controls="datatable_ajax"> id
                            </th>
                            <th width="10%" class="sorting_disabled" tabindex="0" aria-controls="datatable_ajax"> author_name
                            </th>
                            <th width="200" class="sorting_disabled" tabindex="0" aria-controls="datatable_ajax"> author_url
                            </th>
                            <th width="10%" class="sorting_disabled" tabindex="0" aria-controls="datatable_ajax">author_feed
                            </th>
                            <th width="10%" class="sorting_disabled" tabindex="0" aria-controls="datatable_ajax"> author_description
                            </th>
                            <th width="15%" class="sorting_disabled" tabindex="0" aria-controls="datatable_ajax"> add_date
                            <th width="10%" class="sorting_disabled" tabindex="0" aria-controls="datatable_ajax"> article_count </th>
                            <th width="10%" class="sorting_disabled" tabindex="0" aria-controls="datatable_ajax"> show_description </th>
                            <th width="15%" class="sorting_disabled" tabindex="0" aria-controls="datatable_ajax"> 修改
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
                <div class="row">
                    <div class="col-md-4 col-sm-4">
                        <div class="dataTables_length" id="sample_editable_1_length">
                            <label>每页 <select  aria-controls="sample_editable_1"
                                class="form-control input-sm input-xsmall input-inline author-table-page-size">
                            <option value="10">10</option>
                            <option value="20">20</option>
                            <option value="50">50</option>
                            <option value="-1">All</option>
                        </select> 共<span class="input-inline total-count">100</span>条</label>
                        </div>
                    </div>
                    <div class="col-md-8 col-sm-8">
                        <div class="dataTables_paginate">
                            <button class="btn btn-sm default prev "><i class="fa fa-angle-left"></i></button>
                            <input type="text" class="pagination-panel-input form-control input-sm input-inline input-mini" maxlenght="5"
                                   style="text-align:center; margin: 0 5px;" value="1">
                            <button class="btn btn-sm default next"><i class="fa fa-angle-right"></i></button>
                            共 <span class="pagination-panel-total">1</span> 页
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!----->
    <div id="modal_demo_1" class="modal fade" role="modal" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title">Author信息</h4>
                </div>
                <div class="modal-body">
                    <form action="#" class="form-horizontal">

                        <div class="form-group">
                            <label for="author_id" class="col-md-3 control-label">author_id</label>
                            <div class="col-md-6">
                                <input type="text" class="form-control" id="author_id" disabled>
                            </div>
                        </div>


                        <div class="form-group">
                            <label for="author_name" class="col-md-3 control-label">author_name</label>
                            <div class="col-md-6">
                                <input type="text" class="form-control" id="author_name"  placeholder="author_name">
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="author_url" class="col-md-3 control-label">author_url</label>
                            <div class="col-md-6">
                                <input type="text" class="form-control" id="author_url"  placeholder="author_url">
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="author_feed" class="col-md-3 control-label">author_feed</label>
                            <div class="col-md-6">
                                <input type="text" class="form-control" id="author_feed" placeholder="author_feed">
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="author_description" class="col-md-3 control-label">author_description</label>
                            <div class="col-md-6">
                                <textarea class="form-control" id="author_description" placeholder="author_description" rows="3"></textarea>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="author_description" class="col-md-3 control-label">fetch_type</label>
                            <div class="col-md-6">
                                <select class="form-control input-sm" id="fetch_type">
                                    <option value='1' selected>Feed/RSS</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="author_description" class="col-md-3 control-label">show_description</label>
                            <div class="col-md-6">
                                <select class="form-control input-sm" id="show_description">
                                    <option value='0' selected>show_content</option>
                                    <option value='1' selected>show_description</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-md-3">Select2</label>
                            <div class="col-md-6">
                                <div class="input-group select2-bootstrap-append">
                                    <select id="author_categorys-multi-append"  multiple style="width: 100%">
                                    </select>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button class="btn dark btn-outline" data-dismiss="modal" aria-hidden="true">取消</button>
                    <button class="btn green" data-dismiss="modal" id="author-save-btn">保存</button>
                </div>
            </div>
        </div>
    </div>

</div>
